.mp-text-h1 {
  font-family: var(--mp-text-font-family);
  font-size: var(--mp-text-h1-font-size);
  line-height: var(--mp-text-h1-line-height);
  font-weight: var(--mp-text-h1-font-weight);
  letter-spacing: var(--mp-text-h1-letter-spacing);
  color: var(--mp-text-h1-color);
}

.mp-text-h2 {
  font-family: var(--mp-text-font-family);
  font-size: var(--mp-text-h2-font-size);
  line-height: var(--mp-text-h2-line-height);
  font-weight: var(--mp-text-h2-font-weight);
  letter-spacing: var(--mp-text-h2-letter-spacing);
  color: var(--mp-text-h2-color);
}

.mp-text-h3 {
  font-family: var(--mp-text-font-family);
  font-size: var(--mp-text-h3-font-size);
  line-height: var(--mp-text-h3-line-height);
  font-weight: var(--mp-text-h3-font-weight);
  letter-spacing: var(--mp-text-h3-letter-spacing);
  color: var(--mp-text-h3-color);
}

.mp-text-h4 {
  font-family: var(--mp-text-font-family);
  font-size: var(--mp-text-h4-font-size);
  line-height: var(--mp-text-h4-line-height);
  font-weight: var(--mp-text-h4-font-weight);
  letter-spacing: var(--mp-text-h4-letter-spacing);
  color: var(--mp-text-h4-color);
}

.mp-text-h5 {
  font-family: var(--mp-text-font-family);
  font-size: var(--mp-text-h5-font-size);
  line-height: var(--mp-text-h5-line-height);
  font-weight: var(--mp-text-h5-font-weight);
  letter-spacing: var(--mp-text-h5-letter-spacing);
  color: var(--mp-text-h5-color);
}

.mp-text-h6 {
  font-family: var(--mp-text-font-family);
  font-size: var(--mp-text-h6-font-size);
  line-height: var(--mp-text-h6-line-height);
  font-weight: var(--mp-text-h6-font-weight);
  letter-spacing: var(--mp-text-h6-letter-spacing);
  color: var(--mp-text-h6-color);
}

.mp-text-subtitle1 {
  font-family: var(--mp-text-font-family);
  font-size: var(--mp-text-subtitle1-font-size);
  line-height: var(--mp-text-subtitle1-line-height);
  font-weight: var(--mp-text-subtitle1-font-weight);
  letter-spacing: var(--mp-text-subtitle1-letter-spacing);
  color: var(--mp-text-subtitle1-color);
}

.mp-text-subtitle2 {
  font-family: var(--mp-text-font-family);
  font-size: var(--mp-text-subtitle2-font-size);
  line-height: var(--mp-text-subtitle2-line-height);
  font-weight: var(--mp-text-subtitle2-font-weight);
  letter-spacing: var(--mp-text-subtitle2-letter-spacing);
  color: var(--mp-text-subtitle2-color);
}

.mp-text-body1 {
  font-family: var(--mp-text-font-family);
  font-size: var(--mp-text-body1-font-size);
  line-height: var(--mp-text-body1-line-height);
  font-weight: var(--mp-text-body1-font-weight);
  letter-spacing: var(--mp-text-body1-letter-spacing);
  color: var(--mp-text-body1-color);
}

.mp-text-body2 {
  font-family: var(--mp-text-font-family);
  font-size: var(--mp-text-body2-font-size);
  line-height: var(--mp-text-body2-line-height);
  font-weight: var(--mp-text-body2-font-weight);
  letter-spacing: var(--mp-text-body2-letter-spacing);
  color: var(--mp-text-body2-color);
}

.mp-text-button {
  font-family: var(--mp-text-font-family);
  font-size: var(--mp-text-button-font-size);
  line-height: var(--mp-text-button-line-height);
  font-weight: var(--mp-text-button-font-weight);
  letter-spacing: var(--mp-text-button-letter-spacing);
  text-transform: var(--mp-text-button-text-transform);
  color: var(--mp-text-button-color);
}

.mp-text-caption {
  font-family: var(--mp-text-font-family);
  font-size: var(--mp-text-caption-font-size);
  line-height: var(--mp-text-caption-line-height);
  font-weight: var(--mp-text-caption-font-weight);
  letter-spacing: var(--mp-text-caption-letter-spacing);
  color: var(--mp-text-caption-color);
}

.mp-text-overline {
  font-family: var(--mp-text-font-family);
  font-size: var(--mp-text-overline-font-size);
  line-height: var(--mp-text-overline-line-height);
  font-weight: var(--mp-text-overline-font-weight);
  letter-spacing: var(--mp-text-overline-letter-spacing);
  text-transform: var(--mp-text-overline-text-transform);
  color: var(--mp-text-overline-color);
}
